import React from "react";
import AddTodo from "@/components/AddTodo";
import TodoList from "@/components/TodoList";
import ForceGraph from '@/components/ForceGraph';

const App = () => {
  const data = [
    { label: 'A', radius: 10 },
    { label: 'B', radius: 20 },
    { label: 'C', radius: 15 },
    { label: 'D', radius: 25 }
  ];

  return (
    <div style={{ height:'700px', display: "flex", justifyContent: "space-between",padding:'20px',    margin: '60px 0', 
    border: '1px solid'
}}>
      <div style={{width: '500px',height:'600px',overflow: 'scroll'}}>
        <AddTodo />
        <TodoList />
      </div>
      <ForceGraph data={data} />
    </div>
  );
};

export default App;
